/* modules/userModules/pages/updateUser/updateUser.wxss */
.main{
  padding: 10rpx auto;
  border-radius: 30rpx;
  .user-info-item{
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 40rpx;
    margin: 15rpx auto;
    height: 100rpx;
    line-height: 100rpx;

  }
  .avatarBox{
    width: 740rpx;
    display: flex;
    justify-content: space-between;
    text{
      margin-left: 20rpx;
    }
    .avatarBtn{
      width: 100rpx;
      height: 100rpx;
      border-radius: 50%;
      padding: 0rpx;
      .avatar{
        width: 100rpx;
        height: 100rpx;
      }
    }
  }
  .user-name{
    display: flex;
    justify-content: center;
    line-height: 100rpx;
    text-align: center;
    .uname{
      // display: inline-block;
      height: 100rpx;
      width: 600rpx;
    }
  }
  .gender{
    line-height: 100rpx;
    display: flex;
    justify-content: space-between;
    padding-left: 20rpx;
    .van-radio-group{
      width: 600rpx;
      .van-radio{
        width: 150rpx;
        height: 100rpx;
      }
    }
  }
  .other-info{
    .info-item{
      margin: 20rpx auto;
      display: flex;
      justify-content: center;    
      text{
        margin-left: -45rpx;
        padding-right: 40rpx;;
      }
    }
  }

  .myInput{
    display: inline-block;
    width: 550rpx;
    height: 80rpx;
    border-bottom: rgba($color: #000000, $alpha: 0.3) solid 2rpx;
  }
  .submit{
    width: 600rpx;
    height: 90rpx;
    line-height: 90rpx;
    background-color: rgba(247, 21, 21, 0.9);
    color: rgba(255, 255, 255,0.8);
    border-radius: 50rpx;
  }
}